{extend name="common/base"/}
 {block name="style"}
<link rel="stylesheet" href="{__CSS__}/index.css?v={:get_system_config('web','version')}">
<link rel="stylesheet" href="{__JS__}/aos/aos.css" />
    <meta charset="UTF-8">
    <title>签到系统--首页</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="alternate icon" type="image/png" href="/amaze-css/assets/i/favicon.png">

   <link rel="stylesheet" href="/LotteryLib/css/lottery.css">
    <link rel="stylesheet" href="{__STATIC__}/assets/gougu/css/gougu.css">
{/block} 
<!-- 主体 -->
{block name="body"}

<!-- <head lang="en">

</head> -->
<body style="background-image: url(/static/home/images/bg_image.png);">
<div class="layui-container">
    <div class="sign-container">
        <div class="layui-col-sm10 " style="margin-top: 20px;margin-bottom: 15px;">
            <a href="/Home/lottery/sign">
                <img style="height:200px;width:940px;" src="/LotteryLib/logo2.jpg">
            </a>
        </div>
   

        <form class="layui-form layui-form-pane" method="post" action="{:url('/Home/lottery/checkSignIn')}" >

 
                <div class="layui-form-item">
                    填写签到信息 <!-- <a class="am-fr am-icon-magic" href="__ROOT__?s=/Admin"><span>后台入口</span> </a>-->
                    <a style="color: #4b59ff"> 请按实填写相关信息 </a>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">真实姓名</label>
                    <div class="layui-input-inline">
                    <input type="text" required lay-verify="required" name="real"  placeholder="输入真实姓名" autocomplete="off" class="layui-input">
                    </div>
                    <div class="layui-form-mid layui-word-aux"><a style="color: #4b59ff"> 姓名不包含空格 </a></div>
                </div>
                <div class="layui-form-item">
                  <label class="layui-form-label" for="phone">手机号码</label>
                  <div class="layui-input-inline">
                    <input type="number" name="number" required lay-verify="required" placeholder="请输入手机号码" autocomplete="off" class="layui-input" id="phone">
                  </div>
                  <div class="layui-form-mid layui-word-aux"><a style="color: #4b59ff"> <a style="color: #4b59ff">  请输入6位手机短号，或11位手机长号!  </a> </a></div>
                </div>


                <div class="layui-form-group">
                    <label >选择头像<a style="color: #4b59ff">  选择自己喜欢的头像</a></label>
                    <div class="layui-panel layui-panel-default">
                 
                            <div class="layui-panel-body">
                            <ul class="layui-list">
                             {volist name="avatarlist" id="vo"}
                              <li class="pic_item layui_item_inner">
                                <div class="item_type">
                                <input type="radio" class="layui-checkbox" name="avatar" value="{$vo.id}" ></div>
                                <img src="{$vo.thumb_url}" width="100" height="100" class="layui-img-thumbnail" /></li>
                            {/volist}
                             </ul>                               
                            </div>
                        </div>
                </div>
               <div class="layui-form-group">
                <button type="submit" class="layui-btn layui-btn-normal" id="confirmSign">提交(Submit)</button>
               </div>
        </form>  
    </div>
</div>
<div class="layui-container">
        <footer class="my-footer">
            <p style="text-align: center">*请正确填写并提交所有信息，此提交信息将进入抽奖程序中!</p>
        </footer>
    </div>
<script src="/amaze-css/assets/js/jquery.min.js"></script>

<script src="{__STATIC__}/assets/layui/layui.js"></script>
<script>
    $(document).ready(function(){
        $('#confirmSign').click(function(){
            // var name = $('input[name=real]').val();
            // var phone = $('input[name=number]').val();
            // var avatar = $( "input:radio[name=avatar]:checked" ).val();
            // if(name==""||phone==""||avatar=""){
            //     alert('所有信息必填!');
            //     return false;
            // }else{

            // }
        })
    });

</script>
</body>
{/block}
{//底部置空}
{block name="footer"}

{/block}